<template>
  <div class="pcBox">
    <div class="tp1">
      <img src="../assets/reward/tp1.png" alt="" class="banner" />
    </div>
    <div class="tp2_Box">
      <div class="tp2">
        --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
      </div>
      <img src="../assets/reward/tp2.png" alt="" class="lgx1" />
    </div>
  </div>
</template>

<script></script>

<style lang="less" scoped>
.pcBox {
  .tp1 {
    position: relative;
    width: 100%;
    height: 977px;
    overflow: hidden;
  }

  .tp1 .banner {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .tp2_Box {
    display: flex;
    flex-direction: column;
    // justify-content: center;
    align-items: center;
    padding-top: 220px;

    .tp2 {
      color: #fff;
      margin-bottom: 140px;
    }
  }
}
</style>
